<template>
  <div :style="{width: width, height: heigth,border:border}" class="split"></div>
</template>

<script>
export default {
  props: {
  	width: {
  	  type: String,
  	  default: '100%'
  	},
  	height: {
  	  type: String,
  	  default: '0'
  	},
  	borderWidth: {
  	  type: String,
  	  default: '0.5px'
  	},
  	borderColor: {
  	  type: String,
  	  default: 'rgb(243,243,243)'
  	}
  },
  data() {
  	return {}
  },
  computed: {
  	border() {
  		return this.borderWidth+' solid '+ this.borderColor
  	}
  }
}
</script>

<style scoped>
.split {
	margin: 0 auto;
}
</style>